@font-face {
    font-family: fangyuan; font-weight: 400;src: url(./fangyuan.woff2) format("woff2");font-display: swap;
}
ul,li{ list-style: none; margin: 0; padding: 0;}
a{ display: block;}
a:hover{ text-decoration: none;}
img { height: auto; max-width: 100%;}
.img100{ text-align: center;}
.aligncenter { text-align: center; margin: 0 auto; display: block;}

header{ box-shadow: 0 2px 6px rgba(0,0,0,.07);}
.navbar-brand img{ width: 300px; margin-right: 1rem; }
#navbarNav a{ color: #202020; font-size: 1.1rem; text-align: center; font-family: fangyuan; padding: 0 1rem}
#navbarNav a:hover{ color: #f9b45c; }

.ontop,.index-1,.index-2,.index-3{ margin-top: 2rem}

.ontop h5{ font-weight: 600; color: #fff; line-height: 1.5; }
.ontop img,.index-1 img,.index-2 img{ border-top-left-radius: 4px; border-top-right-radius: 4px; }
.ontop p,.index-1 p,.index-2 p{ font-size: .9rem; padding: 0 0.5rem;}

.index-1 h4,.index-2 h4,.index-3 h4{ margin-bottom: 1rem; padding-bottom: .5rem; font-weight: 600; line-height: 1.5; font-family: fangyuan; position: relative; letter-spacing: 1px;}
.index-1 h4::after,.index-2 h4::after,.index-3 h4::after{ content: ''; width: 30px; height: 5px; position: absolute; bottom: 0; left: 0; background-color: #f9b45c; }
.index-1 h4 a,.index-2 h4 a,.index-3 h4 a{ color: #212529;}
.index-1 .cardR{ border: 1px solid #00000020; background-color: #fbfbfb; }
.index-1 .cardR h5{ padding: .8rem .5rem; color: #333; font-weight: 600; line-height: 1.5; }
.index-1 a:hover img,.index-2 a:hover img{ box-shadow: 0 3px 6px rgba(0,0,0,0.3); }
.index-1 .col-md-4 img{ max-height: 275px;}
.index-1 .col-md-8 img{ height: 100px; }
.index-3 .row a{ color: #333; margin-bottom: .8rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.gradient { position: absolute; pointer-events: none; width: 100%; height: 50%; bottom: 0; left: 0; background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.5) 100%);
}

.links { background-color: #f5f5f5; padding-top: 2rem; padding-bottom: 2rem; margin-top: 1.5rem;}
.links h5{ font-weight: 600; border-left: 5px solid #f9b45c; padding-left: .5rem; margin-bottom: 1rem; font-family: fangyuan;}
.links ul li{ display: inline-block; margin: 0 0.5rem; color: #2e2e2e;}
.links ul li a{ color: #2e2e2e; font-size: .9rem; margin-bottom: .5rem;}
.foot a{ display: inline-block; margin: 2rem 0; color:  #212529;}
.foot-m{ margin-top: 5rem;}
.foot-m div{ text-align: center; background-color: #fff; padding: 1rem 0 1rem; border-top: 2px solid #eee;}
.foot-m a.col{ font-size: .9rem; font-weight: 600; color: #000; }
.foot-m a.col:nth-child(1)::before{ background: url(./icon-home.png) no-repeat center center; background-size: cover;}
.foot-m a.col:nth-child(2)::before{ background: url(./icon-baoming.png) no-repeat center center; background-size: cover;}
.foot-m a.col:nth-child(3)::before{ background: url(./icon-phone.png) no-repeat center center; background-size: cover;}
.foot-m a.col:nth-child(4)::before{ background: url(./icon-wechat.png) no-repeat center center; background-size: cover;}
.foot-m a.col::before{content: ""; width: 24px; height: 24px; display: block; margin: 0 auto .3rem;}

.list,.read{ background-color: #fff; padding-bottom: 1rem; margin-top: 1.5rem; }
.list h1{ font-weight: 600; text-align: center; margin-top: 1rem; padding-bottom: 2rem; border-bottom: 2px dashed #eee; }
.list .d-flex img{ border-radius: 5px; width: 234px; height: 150px; }
.list .d-flex .tit a{ font-size: 1.5rem; color: #404040; font-weight: 600;}
.list .d-flex .time span{ display: inline-block; color: #adadad; font-size: .9rem;}
.list .d-flex .time span a{ color: #adadad; margin-right: .5rem;}
.list .d-flex .sum{ color: #adadad; font-size: .9rem;}
.read h1{ font-weight: 600; font-size: 1.6rem; margin-bottom: 1rem;}
.breadcrumb a,.breadcrumb span{ color: #adadad; }
.breadcrumb a::after{ background: url(./right.png) right center no-repeat; width: 6px; height: 10px; display: inline-block; content: ""; margin: 0 10px;}
.content .time{ color: #adadad;}
.content h2{ font-size: 1.1rem; font-weight: 600; border-left: 6px solid #f7c078; padding: 10px 15px; line-height: 20px; background: #fff8ef; letter-spacing: 1px;}
.content img{ max-width: 640px;}
.content p{ line-height: 40px; font-family: "Microsoft Yahei", "冬青黑体简体中文 w3"; font-size: 18px; text-align: justify; margin-top: 20px;}
.content ul{ margin-bottom: 20px;}
.content ul li{ margin-bottom: 10px;}
.read .chuchu{ background-color: #f9f9f9; border-radius: 3px; margin: 30px 0; font-size: .9rem; line-height: 1.7; padding: 10px; border: 1px solid #efefef; color: #999;}
.content table{ border-left: 1px solid #bbb; border-top: 1px solid #bbb; margin-top: 20px; margin-bottom: 1rem;}
.content table th,.content table td{ border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; padding: 15px;}

.read .prev span,.read .next span{ display: block; color: #999; font-size: .9rem; position: relative;}
.read .prev span{ padding-left: 1rem;}
.read .prev span::before{ content: "<"; position: absolute; left: 0;}
.read .next span{ padding-right: 1rem; text-align: right;}
.read .next span::before{ content: ">"; position: absolute; right: 0;}
.read .prev a,.read .next a{ font-size: .9rem; color: #333; }
.read .related{ border-top: 1px solid #e9e9e9; padding-top: 2rem; }
.read .related h5{ font-family: fangyuan; border-left: 5px solid #ab1e27; padding-left: 0.5rem; font-weight: 600; margin-bottom: 1rem;}
.read .related img{ height: 160px;}
.read .related .card-title{ font-size: .9rem; color: #5a5a5a;}

.sidebar h5{ background-color: #fbe1bf; color: #333; font-weight: 600; font-size: 1.1rem; letter-spacing: 1px; padding: 0.75rem 1rem; margin-bottom: 1rem; border-radius: 0.25rem;}
.sidebar p{ border-bottom: 1px dashed #dfdfdf; padding-bottom: 1rem;}
.sidebar a{ font-size: .9rem; padding-left: .5rem; color: #5a5a5a;}

.videoCss{ background-color: #2e2e36; padding: 2rem 0 1rem; }
.videoCss h4{ color: #fff; margin: 1rem 0; }
.videoCss p span{ color: rgba(255,255,255,0.75); font-size: .9rem; display: inline-block; margin-right: 1.5rem; }
.videoCss p span a{ color: rgba(255,255,255,0.75);}

.error{ margin-top: 2rem;}
.error h4{ color: #9099a2; border-bottom: 1px solid #CBCFD3; padding-bottom: .8rem; }
.error h1{ font-size: 10rem; font-weight: bold; color: #aaadb0; text-align: center;}
.error .tishi{ font-size: 2.3rem; color: #9099a2; text-align: center;}
.error .orange,.error a{ color:#ec8427;}
.error p{ font-size: 1.1rem; margin-bottom: .5rem; color: #9099a2;}
.error ul li{ display: inline-block; margin-right: .5rem}

@media (max-width:768px){
    .img100 img{ width: 100%;}
    .navbar-brand img{ margin-right: 0; }
    #navbarNav li{ display: inline-block; margin-top: 1rem; }
    .ontop .topimg img{ height: 200px;}
    .ontop, .index-1, .index-2{ margin-top: 1rem; }
    .ontop .topimg,.index-1 .cardR{ margin-bottom: 1rem; }
    .index-2 a{ margin-bottom: 1rem;}
    .list .d-flex img{ width: 125px; height: 80px; }
    .list .d-flex .tit{ margin-bottom: .5rem; }
    .list .d-flex .tit a{ font-size: 1.1rem;}
    .list .d-flex .time{ margin-bottom: 0;}
    .list .d-flex .time span:first-child{ display: none; }
    .list .d-flex .sum{ display: none; }
    .content h2{ line-height: 1.6}
    .content p{ margin-top: 10px;}
    .content img{ max-width: 100%;}
    .read h1{ font-size: 1.5rem; line-height: 1.6;}
    .read .related img{ height: 100px;}
    video{ width: 100%; height: auto!important; }
    .wp-video{ width: 100%!important; }
    .foot{ padding-top: 1rem; padding-bottom: 1rem; font-size: .9rem;}
    .foot a{ margin: 0 0 .5rem 0;}
    .sidebar{ margin-top: 1rem;}
    .error .tishi{ font-size: 2rem;}
}